import { View, Image, Text } from "@tarojs/components";
import { FC } from "@tarojs/taro";
import { HIcon } from "@/components";
import styles from "./index.module.less";

const List: FC = () => {
  return (
    <View className={styles["list-wrapper"]}>
      <View className={styles["item-wrapper"]}>
        <View className={styles["left"]}>
          <Image
            mode="widthFix"
            className={styles["touxiang"]}
            src={require("@/assets/img/touxiang.png")}
          ></Image>
        </View>
        <View className={styles["right"]}>
          <View className={styles["name"]}>编号001</View>
          <View className={styles["content"]}>更新了相册</View>
          <Image
            mode="widthFix"
            className={styles["img"]}
            src={require("@/assets/img/people.png")}
          ></Image>
          <View className={styles["time"]}>2021-01-01 10:34:34</View>
          <View className={styles["op"]}>
            <View className={styles["ii"]}>
              <HIcon className={styles["icon"]} type="aixin" size={34}></HIcon>
              <Text>1点赞</Text>
            </View>
            <View className={styles["ii"]}>
              <HIcon className={styles["icon"]} type="pinglun"></HIcon>
              <Text>0评论</Text>
            </View>
          </View>
          <View className={styles["comment-wrapper"]}>
            <View className={styles["like-wrapper"]}>
              <View className={styles["like-item"]}>
                <HIcon className={styles["icon"]} type="aixin"></HIcon>
                <Text>宇宙第一大美女</Text>
              </View>
            </View>
            <View className={styles["item"]}>
              <Text className={styles["comment-name"]}>宇宙第一大美女:</Text>
              可以认识你吗。。。
            </View>
          </View>
        </View>
      </View>
    </View>
  );
};

export default List;
